{%  load bootstrap3 %}
<!DOCTYPE html>
<html lang="end">
<head>
	<meta charset="utf-8">
	<title>学习笔记</title>
	{% bootstrap_css %}
	{% bootstrap_javascript %}
</head>
<body>
	<nav class="navbar navbar-default navbar-static-top">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            </button>
            <a class="navbar-brand" href="{% url 'learning_logs:index' %}">学习笔记</a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li><a href="{% url 'learning_logs:topics' %}">主题</a></li>              
            </ul>
            <ul class="nav navbar-nav navbar-right">
             {% if user.is_authenticated %}
              <li ><a> Hello -{{ user.username }} </a></li> 				
			  <li><a href="{% url "user:logout" %}">log out</a></li>
			 {% else %}
			  <li><a href="{% url 'user:register' %}">register</a></li>
			  <li><a href="{% url 'user:login' %}">log in</a></li>
			 {% endif %}
            </ul>
          </div>
        </div>
    </nav>

    <div class="container">
        <div class='page_header'>
    		{% block header%}{% endblock header %}
    	</div>
       <div>
    	{% block content %}{% endblock content %}
       </div>
    </div>
</body>
</html>

